<ion-view view-title="旅游产品-{{product.name}}" >
  <ion-content>
    <div class="card" >
      <div class="article-cover-image">
          <img class="full-image " 
          ng-src="{{rootUrl}}/{{product.coverImageFileName}}">
      </div>
      <div class="row">
        <div class="col">{{product.name}}</div> 
        <div class="col text-right">
        有效时间: {{product.validBeforeDate|date:'yyyy-MM-dd'}}</div>
      </div>
      <div class="row">
        <div class="col">价格: </div>
        <div class="col main-thicker text-right">
        ￥{{product.price|number}}</div>
      </div>
      <div class="center-text main-thicker">简介</div>
      <div class="row"><div class="col">
      {{_.repeat(product.introduction+ ", ", 4)}}...</div></div>

      <div class="center-text">
        <a ng-click="showDetail=!showDetail" 
        class="button button-icon icon icon-right 
        {{showDetail ? 'ion-arrow-up-b' : 'ion-arrow-down-b' }}">产品详情</a> 
      </div>
      <div class="row" ng-show="showDetail">
        <div class="col">{{_.repeat(product.detail+ ", ", 10)}}...</div>
      </div>

      <div class="center-text">
        <a ng-click="showPriceInfo=!showPriceInfo" 
        class="button button-icon icon icon-right 
        {{showPriceInfo ? 'ion-arrow-up-b' : 'ion-arrow-down-b' }}">价格信息</a> 
      </div>
      <div class="row" ng-show="showPriceInfo">
        <div class="col">{{_.repeat(product.priceInfo+ ", ", 10)}}...</div>
      </div>

      <div class="center-text">
        <a ng-click="showTip=!showTip" class="button button-icon icon icon-right 
        {{showTip ? 'ion-arrow-up-b' : 'ion-arrow-down-b' }}">注意事项</a> 
      </div>
      <div class="row" ng-show="showTip">
        <div class="col">{{_.repeat(product.tip+ ", ", 20)}}...</div>
      </div>
    </div>
  </ion-content>
  <ion-footer-bar  class="bar-balanced no-padding" resize-foot-bar >
    <div class="row no-padding" >
      <div class="col bg-thicker no-padding" >
        <a class="button ion-android-call button-clear half-bar-button" 
        href="tel:+86-010-88888888">电话咨询</a>
      </div>
      <div class="col bg-highlight no-padding" >
        <a class="button ion-bag button-clear text-in-highlight half-bar-button"
        ui-sref="app.poCreate({productId: product._id})" ng-show="currentUserId"> 
        立即预定</a>
        <a class="button ion-bag button-clear text-in-highlight half-bar-button"
        ng-click="logon()" ng-hide="currentUserId"> 立即预定</a>
      </div>
    </div>
  </ion-footer-bar>  
</ion-view>